/**
 * Sencha GXT 3.1.0 - Sencha for GWT
 * Copyright(c) 2007-2014, Sencha, Inc.
 * licensing@sencha.com
 *
 * http://www.sencha.com/products/gxt/license/
 */
@def itemPadding value('theme.menu.itemPadding.toString');

@def textColor value('theme.menu.itemText.color');
@def textFamily value('theme.menu.itemText.family');
@def textSize value('theme.menu.itemText.size');
@def textWeight value('theme.menu.itemText.weight');
@def itemLineHeight value('theme.menu.itemLineHeight');

@def activeBorderWidth value('theme.menu.activeItemBorder.toString');
@def activeBorderStyle value('theme.menu.activeItemBorder.style');
@def activeBorderColor value('theme.menu.activeItemBorder.color');

@def activeTextColor value('theme.menu.activeItemText.color');
@def activeTextFamily value('theme.menu.activeItemText.family');
@def activeTextSize value('theme.menu.activeItemText.size');
@def activeTextWeight value('theme.menu.activeItemText.weight');


@if user.agent gecko gecko1_8 {
  .menuItem {
    outline-color: -moz-use-text-color;
  }
}

.menuItem {
  display: block;
  outline-style: none;
  outline-width: 0;
  padding: 0 21px 0 27px;
  /* removed to let ie8 correctly be transparent for disabled items */
  /*position: relative;*/
  text-decoration: none;
  white-space: nowrap;
}

.menuListItem {
  white-space: nowrap;
  display: block;
  padding: activeBorderWidth;
  margin: itemPadding;
  cursor: pointer;

  font-size: textSize;
  font-family: textFamily;
  font-weight: textWeight;
  line-height: itemLineHeight;
  color: textColor;
}

.menuItemIcon {
  border: 0 none;
  height: 16px;
  padding: 0;
  vertical-align: top;
  width: 16px;
  position: absolute;
  left: 3px;
  margin: 3px 0 0;
}

@if gxt.user.agent ie6 {
  .menuItemIcon {
    left: -24px;
  }
}

@if user.agent ie6 ie8 ie9 {
  .menuItemIcon {
    vertical-align: middle;
  }
}

@sprite .menuItemArrow {
  gwt-image: "menuParent";
  height: auto; /* override gwt-image default behavior */
  width: auto; /* override gwt-image default behavior */
  background-position: right;
  background-repeat: no-repeat;
}


@sprite .active {
  gwt-image: 'itemOver';
  height:auto;
  border-color: activeBorderColor;
  border-width: activeBorderWidth;
  border-style: activeBorderStyle;

  padding: 0 !important; /*removes padding set by .menuListItem that we use in the border here*/
}
